<div sa-widget color="blueDark" style="padding: 13px;margin: 0;overflow: visible;background-color: #fff;">
	<!-- <header style="border:none;border-bottom: 1px solid #ccc!important;background: transparent;"> -->
		<!-- <h2 style=""></h2> -->
		<!-- <div class="widget-toolbar" style="border:none;padding: 0;"> -->
			<!-- <div class="btn-group-self">
				<button class="btn-self" (click)="changeView('year')" [ngClass]="{active:period === '按月汇总'}">按月汇总
				</button><button class="btn-self" (click)="changeView('month')" [ngClass]="{active:period === '按天汇总'}">按天汇总</button>
			</div> -->
			<!--<div class="btn-group" dropdown>
				<button id="single-button" type="button" class="btn btn-xs btn-default" dropdownToggle>{{period}}<span class="caret"></span></button>
				<ul *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="single-button">
					<li role="menuitem">
						<a class="dropdown-item" (click)="changeView('month')">按天汇总</a>
					</li>
					<li role="menuitem">
						<a class="dropdown-item" (click)="changeView('year')">按月汇总</a>
					</li>
				</ul>
			</div>-->
		<!-- </div> -->
	<!-- </header> -->
	<div>
		<div class="widget-body no-padding">
			<div class="widget-body-toolbar" *ngIf="period == '按天汇总'">
				<div id="calendar-buttons">
					<div class="btn-group">
						<a (click)="prev()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-left"></i></a>
						<a (click)="next()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-right"></i></a>
						<a (click)="today()" class="btn btn-default btn-xs pre-next">今天</a>
					</div>
				</div>
			</div>
			<div class="widget-body-toolbar" *ngIf="period == '按月汇总'">
				<div class="fc-left fc-header-title inline_block"><h2 style="margin-top: 4px;">{{currentYear}}</h2></div>
				<div id="calendar-buttons">
					<div class="btn-group">
						<a (click)="prevYear()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-left"></i></a>
						<a (click)="nextYear()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-right"></i></a>
						<a (click)="CurrentYear()" class="btn btn-default btn-xs pre-next">今年</a>
					</div>
				</div>
			</div>
			<div id="calendar" [hidden]="period != '按天汇总'"></div>
			<div id="calendar_year" [hidden]="period != '按月汇总'">
				<ul class="row">
					<li class="lis_month col-xs-4 col-md-4" *ngFor="let item of yearDataList">
						<span class="lis_month_label">{{item.label}}</span>                                  
						<div class="lis_month_value" *ngIf="item.value">{{item.value}}
							<span style="color: #ccc;font-size: 12px;padding-left: 4px;">台</span>
							<div class="install_detail">
								<div class="detail_arrow"></div>
								<ul class="detail_scoll_bar">
									<!--<li class="detail_lis word_nowrap" *ngFor="let lis of item.description" title="{{lis.parentName}} - {{lis.companyName}} : {{lis.count}}">
										<i class="fa fa-home"> </i><span class="detail_text"><span *ngIf="lis.parentName">{{lis.parentName}} - </span>{{lis.companyName}} : </span><span class="detail_count">{{lis.count}}</span>
									</li>-->
									<!-- title="{{lis.parentName}} - {{lis.count}}" 由于parentName有时候会没有值 先去掉 -->
									<li class="detail_lis word_nowrap" *ngFor="let lis of item.description">
										<div><i class="fa fa-home"> </i><span class="detail_text">{{lis.name}}:</span> <span class="detail_count">{{lis.count}}</span></div>
										<div style="padding-left:6px ;">
											<ul class="detail_lis_ul">
												<li *ngFor="let iems of lis.child">
													<span class="detail_text">{{iems.companyName}}:</span> <span class="detail_count">{{iems.count}}</span>
												</li>
											</ul>
										</div>
										
										
									</li>
									
								</ul>
							</div>
						</div>
						<div class="lis_month_pre" [attr.title]="item.preDate">{{item.preValue}}</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>